﻿<!DOCTYPE html>
<html>
  <head>
    <title>聊天小黑</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/聊天小黑/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/聊天小黑/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u1622" class="ax_default box_2">
        <div id="u1622_div" class=""></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1623" class="ax_default" data-left="14" data-top="63" data-width="343" data-height="160">

        <!-- Unnamed (Group) -->
        <div id="u1624" class="ax_default" data-left="14" data-top="63" data-width="343" data-height="160">

          <!-- Unnamed (Group) -->
          <div id="u1625" class="ax_default" data-left="14" data-top="63" data-width="343" data-height="160">

            <!-- Unnamed (Group) -->
            <div id="u1626" class="ax_default" data-left="77" data-top="63" data-width="210" data-height="84">

              <!-- Unnamed (Group) -->
              <div id="u1627" class="ax_default" data-left="77" data-top="90" data-width="210" data-height="57">

                <!-- Unnamed (Rectangle) -->
                <div id="u1628" class="ax_default box_1">
                  <div id="u1628_div" class=""></div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u1629" class="ax_default _24号字_最小说明文本，例如列表时间态、版权信息等）">
                  <div id="u1629_div" class=""></div>
                  <div id="u1629_text" class="text ">
                    <p><span>你好，你想对我说什么呢？</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1630" class="ax_default _24号字_最小说明文本，例如列表时间态、版权信息等）">
                <div id="u1630_div" class=""></div>
                <div id="u1630_text" class="text ">
                  <p><span>4月30日 上午12:00</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u1631" class="ax_default _24号字_最小说明文本，例如列表时间态、版权信息等）">
              <div id="u1631_div" class=""></div>
              <div id="u1631_text" class="text ">
                <p><span>4月30日 下午14:00</span></p>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u1632" class="ax_default" data-left="162" data-top="184" data-width="195" data-height="39">

              <!-- Unnamed (Group) -->
              <div id="u1633" class="ax_default" data-left="162" data-top="184" data-width="144" data-height="36">

                <!-- Unnamed (Rectangle) -->
                <div id="u1634" class="ax_default box_1">
                  <img id="u1634_img" class="img " src="images/聊天小黑/u1634.png"/>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u1635" class="ax_default _24号字_最小说明文本，例如列表时间态、版权信息等）">
                  <div id="u1635_div" class=""></div>
                  <div id="u1635_text" class="text ">
                    <p><span>我想零基础学python</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u1636" class="ax_default image1">
                <img id="u1636_img" class="img " src="images/聊天小黑/u1636.png"/>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u1637" class="ax_default image1">
              <img id="u1637_img" class="img " src="images/用户反馈/u1593.png"/>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u1638" class="ax_default image">
              <img id="u1638_img" class="img " src="images/聊天小黑/u1638.png"/>
            </div>
          </div>

          <!-- Unnamed (Image) -->
          <div id="u1639" class="ax_default image1">
            <img id="u1639_img" class="img " src="images/聊天小黑/u1639.png"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1640" class="ax_default" data-left="-1" data-top="0" data-width="375" data-height="49">

        <!-- Unnamed (Group) -->
        <div id="u1641" class="ax_default" data-left="-1" data-top="0" data-width="375" data-height="49">

          <!-- Unnamed (Rectangle) -->
          <div id="u1642" class="ax_default shape">
            <div id="u1642_div" class=""></div>
          </div>

          <!-- Unnamed (Image) -->
          <div id="u1643" class="ax_default image1">
            <img id="u1643_img" class="img " src="images/详情页（文章）/u657.png"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1644" class="ax_default _三级标题">
        <div id="u1644_div" class=""></div>
        <div id="u1644_text" class="text ">
          <p><span>小智同学</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1645" class="ax_default" data-left="0" data-top="482" data-width="375" data-height="257">

        <!-- Unnamed (Image) -->
        <div id="u1646" class="ax_default image1">
          <img id="u1646_img" class="img " src="images/详情页（文章）/u757.png"/>
        </div>
      </div>

      <!-- Unnamed (Text Field) -->
      <div id="u1647" class="ax_default text_field">
        <input id="u1647_input" type="text" value=""/>
      </div>

      <!-- Unnamed (HTML Button) -->
      <div id="u1648" class="ax_default html_button">
        <input id="u1648_input" type="submit" value="发送"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u1649" class="ax_default image1">
        <img id="u1649_img" class="img " src="images/详情页（文章）/u658.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1650" class="ax_default heading_21">
        <div id="u1650_div" class=""></div>
        <div id="u1650_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1651" class="ax_default paragraph1">
        <div id="u1651_div" class=""></div>
        <div id="u1651_text" class="text ">
          <p><span>1、举报</span></p><p><span>2、拉黑</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u1652" class="ax_default connector">
        <img id="u1652_seg0" class="img " src="images/聊天小黑/u1652_seg0.png" alt="u1652_seg0"/>
        <img id="u1652_seg1" class="img " src="images/聊天小黑/u1652_seg1.png" alt="u1652_seg1"/>
        <img id="u1652_seg2" class="img " src="images/聊天小黑/u1652_seg2.png" alt="u1652_seg2"/>
        <img id="u1652_seg3" class="img " src="images/聊天小黑/u1652_seg3.png" alt="u1652_seg3"/>
        <div id="u1652_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1653" class="ax_default heading_21">
        <div id="u1653_div" class=""></div>
        <div id="u1653_text" class="text ">
          <p><span>私信</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1654" class="ax_default paragraph1">
        <div id="u1654_div" class=""></div>
        <div id="u1654_text" class="text ">
          <p><span>1、发送中加等待状态</span></p><p><span>2、发送失败加红色叹号提示</span></p><p><span>3、长安发送内容可以对内容进行操作</span></p><p><span>4、对方已查看情况不可撤回,且撤回颜色为灰色不可点</span></p><p><span>5、发送失败后，可以点击重新发送</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u1655" class="ax_default connector">
        <img id="u1655_seg0" class="img " src="images/聊天小黑/u1655_seg0.png" alt="u1655_seg0"/>
        <img id="u1655_seg1" class="img " src="images/聊天小黑/u1655_seg1.png" alt="u1655_seg1"/>
        <img id="u1655_seg2" class="img " src="images/聊天小黑/u1652_seg2.png" alt="u1655_seg2"/>
        <img id="u1655_seg3" class="img " src="images/首页/u487_seg5.png" alt="u1655_seg3"/>
        <div id="u1655_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1656" class="ax_default" data-left="1000" data-top="535" data-width="154" data-height="36">

        <!-- Unnamed (Rectangle) -->
        <div id="u1657" class="ax_default box_1">
          <img id="u1657_img" class="img " src="images/聊天小黑/u1657.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1658" class="ax_default label">
          <div id="u1658_div" class=""></div>
          <div id="u1658_text" class="text ">
            <p><span>复制</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1659" class="ax_default label">
          <div id="u1659_div" class=""></div>
          <div id="u1659_text" class="text ">
            <p><span>举报</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1660" class="ax_default label">
          <div id="u1660_div" class=""></div>
          <div id="u1660_text" class="text ">
            <p><span>拉黑</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1661" class="ax_default heading_21">
        <div id="u1661_div" class=""></div>
        <div id="u1661_text" class="text ">
          <p><span>对话操作（对方）</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1662" class="ax_default" data-left="1000" data-top="607" data-width="154" data-height="36">

        <!-- Unnamed (Rectangle) -->
        <div id="u1663" class="ax_default box_1">
          <img id="u1663_img" class="img " src="images/聊天小黑/u1657.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1664" class="ax_default label">
          <div id="u1664_div" class=""></div>
          <div id="u1664_text" class="text ">
            <p><span>复制</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1665" class="ax_default label">
          <div id="u1665_div" class=""></div>
          <div id="u1665_text" class="text ">
            <p><span>撤回</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1666" class="ax_default label">
          <div id="u1666_div" class=""></div>
          <div id="u1666_text" class="text ">
            <p><span>删除</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1667" class="ax_default heading_21">
        <div id="u1667_div" class=""></div>
        <div id="u1667_text" class="text ">
          <p><span>对话操作（本人）</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u1668" class="ax_default image">
        <img id="u1668_img" class="img " src="images/聊天小黑/u1668.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u1669" class="ax_default image">
        <img id="u1669_img" class="img " src="images/用户反馈/u1601.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1670" class="ax_default heading_21">
        <div id="u1670_div" class=""></div>
        <div id="u1670_text" class="text ">
          <p><span>输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1671" class="ax_default paragraph1">
        <div id="u1671_div" class=""></div>
        <div id="u1671_text" class="text ">
          <p><span>1、输入框根据输入法改变</span></p><p><span>2、私信可以语音输入</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u1672" class="ax_default connector">
        <img id="u1672_seg0" class="img " src="images/聊天小黑/u1672_seg0.png" alt="u1672_seg0"/>
        <img id="u1672_seg1" class="img " src="images/聊天小黑/u1672_seg1.png" alt="u1672_seg1"/>
        <img id="u1672_seg2" class="img " src="images/首页/u423_seg2.png" alt="u1672_seg2"/>
        <div id="u1672_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u1673" class="ax_default image">
        <img id="u1673_img" class="img " src="images/用户反馈/u1602.png"/>
      </div>
    </div>
  </body>
</html>
